<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Articles</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/article.css">
</head>

<body>
    <!-- <img src="./img/05.jpg" alt=""> -->
    <!-- 背景div -->
    <div id="mydiv" style="height:vh;"></div>

    <header class="clearfix">
        <h1 class="fl">
        </h1>
        <ul class="nav clearfix fr">
            <li><a href="./index.html">Home</a></li>
            <li><a href="./article.html">Article</a></li>
            <li><a href="./tags.html">Tags</a></li>
            <!-- <li><a href="#">首页</a></li> -->
            <!-- <li><a href="#">首页</a></li> -->
        </ul>
    </header>
    <article>
        <ul id="timeline">
            <li>
                <h2>Articles - <span></span></h2>
            </li>
        </ul>
    </article>
    <script src="./jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="./js/article.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            //配置
            var config = {
                vx: 4,	//小球x轴速度,正为右，负为左
                vy: 4,	//小球y轴速度
                height: 2,	//小球高宽，其实为正方形，所以不宜太大
                width: 2,
                count: 300,		//点个数
                color: "187, 255, 255", 	//点颜色
                stroke: "142, 229, 238", 		//线条颜色
                dist: 6000, 	//点吸附距离
                e_dist: 10000, 	//鼠标吸附加速距离
                max_conn: 10 	//点到点最大连接数
            }

            //调用
            CanvasParticle(config);
        }
    </script>
    <script src="./js/bg.js"></script>
</body>

</html>